.portal-com-quick-search {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 46px;
    margin-top: -23px;
    border-radius: 50px;
}



.portal-com-quick-search-type {
    width: 70px;
    height: 46px;
    padding-left: 16px;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.portal-com-quick-search-down {
    position: absolute;
    top: 20px;
    left: 60px;
    color: #fff;
    font-size: 12px;
}

.portal-com-quick-search-input {
    position: absolute;
    top: 0;
    left: 85px;
    width: 100%;
    height: 46px;
    border: none;
    outline: none;
    color: #d6dfe8;
    font-size: 16px;
    line-height: 46px;
    background-color: transparent;
    padding-right: 120px;
}

.portal-com-quick-search-search {
    position: absolute;
    top: 15px;
    right: 12px;
    color: #fff;
    font-size: 16px;
}

.portal-com-quick-search-setting{
    position: absolute;
    top: 10px;
    right: 34px;
    color: #fff;
    font-size: 26px;
    visibility: hidden;
}

.portal-com-quick-search:hover .portal-com-quick-search-setting{
    visibility: visible;
}

.search-item {
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.search-item:hover{background-color: #5892c1b0;}

.quick-search {
    position: relative;
    height: 46px;
    top: 50%;
    margin-top: -23px;
}

.search_div{

    background-color: rgba(82, 80, 80, 0.37);
    width: 100px;
    margin-left: 10px;
    margin-top: 2px;
    position: absolute;
    top: 100%;
}

.search-name {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 22px;
    margin-top: -22px;
}

@font-face {
    font-family: 'wevicon';
    src: url('/font/theme/icon-menu.eot');
    src: url('/font/theme/icon-menu.eot?#iefix') format('embedded-opentype'),
    url('/font/theme/icon-menu.woff') format('woff'),
    url('/font/theme/icon-menu.ttf') format('truetype'),
    url('/font/theme/icon-menu.svg#wevicon') format('svg');
}

[class*=wevicon],
[class^=wevicon] {
    font-family: 'wevicon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wevicon-quick-search-arrow:before     { content: "\e9b3"; }
.wevicon-quick-search-search:before    { content: "\e9bc"; }
.wevicon-quick-search-1:before         { content: "\e9a6"; }
.wevicon-quick-search-2:before         { content: "\e9a9"; }
.wevicon-quick-search-3:before         { content: "\e9a5"; }
.wevicon-quick-search-4:before         { content: "\e9a2"; }
.wevicon-quick-search-5:before         { content: "\e9a1"; }
.wevicon-quick-search-6:before         { content: "\e9a7"; }
.wevicon-quick-search-7:before         { content: "\e9a8"; }
.wevicon-quick-search-8:before         { content: "\e9a4"; }
.wevicon-quick-search-9:before         { content: "\e9aa"; }
.wevicon-quick-search-10:before        { content: "\e9a6"; }
.wevicon-quick-search-100:before       { content: "\e9a3"; }